<template>
	<view class="all order-container">
		<view class="" v-if="JSON.stringify(confirm) !== '{}'"><approverMsg :value="confirm" :order="order"></approverMsg></view>
		<!-- <navigator class="left_box" v-if="dataOrder.pid > 0" :url="'/pages/order/detail/detail?order_id=' + this.dataOrder.pid"><text>查看原定单</text></navigator> -->

		<!-- 合同信息 -->
		<babyContractView :order="order" :baby="baby" v-if="order.news_type == 7"/>
		<meetingContractView :order="order" :meeting="meeting" v-else-if="order.news_type == 8"/>
		<contractView :order="order" v-else/>

		<!-- 增项列表 -->
		<addonsView v-if="addons.length > 0" :addons="addons"></addonsView>

		<!-- 客人信息 -->
		<customerView :order="order"></customerView>

		<!-- 项目弹窗 -->
		<view class="line"></view>
		<!-- 婚宴基本信息 -->
		<banquetView v-if="!funs.isEmptyObj(banquet)" :banquet="banquet"></banquetView>

		<!-- 酒店协议 -->
		<protocolView v-if="!funs.isEmptyObj(hotelProtocol)" :hotelProtocol="hotelProtocol"></protocolView>

		<!-- 不再使用 -->
		<!-- 酒店服务项目 -->

		<!-- 婚庆基本信息 -->
		<weddingView v-if="!funs.isEmptyObj(wedding)" :wedding="wedding"></weddingView>

		<!-- 婚车业务信息  -->
		<carView v-if="car.length != 0" :car="car"></carView>
		
		<!-- 宝宝宴信息 -->
		<babyView v-if="!funs.isEmptyObj(baby)" :baby="baby"></babyView>

		<!-- 活动信息 -->
		<activitiesView v-if="!funs.isEmptyObj(activities)" :activities="activities"></activitiesView>

		<!-- 收款信息 -->
		<incomeView v-if="!funs.isEmptyObj(income) && order.news_type != 11 && order.news_type != 12" :income="income"></incomeView>

		<!-- 收据照片 -->
		<view class="line"></view>

		<!-- 合同金额 -->
		<moneyView :order="order" v-if="order.news_type != 11 && order.news_type != 12"></moneyView>

		<view v-if="confirmList.length > 0">
			<auditProcess
				:value="confirmList"
				:btnValue="buttons"
				:isShowBtn="options.api ? false : true"
				:transferForm="transferForm"
				@clearTransferForm="clearTransferForm"
				@resubmit="resubmits"
			></auditProcess>
		</view>
		
		<view class="line"></view>

		<!-- 审核流程 -->
		<view v-if="confirmStep.length > 0">
			<steps-look :stepList="confirmStep"></steps-look>
			<footer-action-btn
				:btnValue="buttons"
				:transferForm="transferForm"
				@clearTransferForm="clearTransferForm"
				:isShowBtn="options.api ? false : true"
				@resubmit="resubmits"
				@transferSubmit="transferSubmit"
				@submitAgain="submitAgain"
			></footer-action-btn>
		</view>
	</view>
</template>

<script>
import approverMsg from '@/component/approverMsg.vue'; // 旧版审核流程
import stepsLook from '@/component/steps-look/steps-look.vue'; // 新版审核流程
import footerActionBtn from '@/component/footer-action-btn/footer-action-btn.vue'; // 底部操作按钮组
import auditProcess from '@/component/auditProcess.vue'; //审核流程
import selectBox from '@/component/selectBox.vue';
import navigation from '@/component/navigation.vue';
import timeSelector from '@/component/wing-time-selector/wing-time-selector.vue';
import kpsImageCutter from '@/component/image-cutter/image-cutter.vue';
import sun from '@/utils/sun.js';
import request from '@/utils/request.js';
import dictionary from '@/utils/dictionary.js';
import funs from '@/utils/funs.js';

// 引入订单信息
import contractView from './fragments/contract.vue';
import babyContractView from './fragments/baby.contract.vue';
import meetingContractView from './fragments/meeting.contract.vue';
import addonsView from './fragments/addons.vue';
import customerView from './fragments/customer.vue';
import banquetView from './fragments/banquet.vue';
import protocolView from './fragments/protocol.vue';
import weddingView from './fragments/wedding.vue';
import activitiesView from './fragments/activities.vue';
import carView from './fragments/car.vue';
import incomeView from './fragments/income.vue';
import moneyView from './fragments/money.vue';
import babyView from './fragments/baby.vue';

export default {
	components: {
		navigation,
		approverMsg,
		auditProcess,
		stepsLook,
		footerActionBtn,

		contractView,
		babyContractView,
		meetingContractView,
		addonsView,
		customerView,
		banquetView, //  婚宴信息
		protocolView, // 酒店协议
		weddingView, // 婚庆信息
		activitiesView, // 活动信息
		incomeView, // 收款信息
		moneyView,
		carView,
		babyView
	},
	data() {
		return {
			// 其他费用
			otherPriceItem: {
				id: '',
				ritual_title: '',
				ritual_id: 0,
				title: '',
				type: '',
				amount: 0,
				price: 0,
				total: 0,
				remark: ''
			},
			addons: [],
			// 增项项目

			confirm_id: 0,
			options: '',
			dataOrder: {
				bride: '',
				bride_mobile: '',
				bridegroom: '',
				bridegroom_mobile: '',
				cooperation_mode: '',
				event_date: '',
				news_type: '',
				order_type: '',
				pid: ''
			}, //
			order: {
				// 订单
				news_type: '',
				score: '', //积分
				home_address: '', //家庭住址
				idcard: '', //身份证号
				bride_mobile: '', //新娘电话
				bride: '', //新娘姓名
				bridegroom_mobile: '', //新郎电话
				bridegroom: '', //新郎姓名
				banquet_hall_name: '', //宴会厅
				searchHotel: '', //酒店名称
				contract_no: '', //合同编号
				hotel_text: '',
				hotel_id: '',
				totals: '', //合同金额
				tail_money_date: '', //尾款时间
				tail_money: '', //定金尾金额
				middle_money: '', //中款收款金额
				middle_money_date: '', //中款收款日期
				earnest_money: '', //定金收款金额
				earnest_money_date: '', //定金收款日期
				sign_date: '', //签约时间
				event_date: '', //举办时间
				realname: '', //备注
				image: [], //合同图片
				receipt_img: [], //收据图片
				note_img: [] //小票
			},
			banquet: {
				banquet_totals: '', //婚宴总金额
				table_amount: '', //桌数
				table_price: '', //餐标
				service_fee: '', //服务费总计
				wine_fee: '', //酒水费用
				banquet_update_table: '', //加菜换菜
				banquet_ritual_hall: '', //仪式价格
				banquet_other: '', //其他
				banquet_remark: '', //备注
				ritual_text: '',
				ritual_id: '',
				banquet_discount: '' //优惠金额
			}, // 婚宴
			wedding: {
				wedding_total: '',
				wedding_package_price: '', //婚庆套餐价
				wedding_ritual_hall: '', //仪式价格
				wedding_other: '', //其他
				new_product_no: '', //研发产品编号
				wedding_remark: '' //备注
			}, // 婚庆
			activities: {
				company_id: '',
				start_date: '', 
				end_date: '',
				position: ''
			}, // 活动
			hotelProtocol: {
				//酒店协议
				table_price: '', //餐标
				table_amount: '', //桌数
				wedding_room_amount: '', //婚房数量
				wedding_room: '', //婚房价格
				part_amount: '', //停车数量
				part: '', //停车价格
				champagne_amount: '', //香槟数量
				champagne: '', //香槟价格
				tea_amount: '', //茶歇数量
				tea: '', //茶歇价格
				cake_amount: '', //蛋糕数量
				cake: '', //蛋糕价格
				tail_money_date: '', //尾款时间
				tail_money: '', //定金尾金额
				middle_money: '', //中款收款金额
				middle_money_date: '', //中款收款日期
				earnest_money: '', //定金收款金额
				earnest_money_date: '', //定金收款日期
				image: [], //图片
				pay_hotel_totals: '' //总金额
			}, //酒店协议
			hotelItem: {
				wedding_room_amount: '', //婚房数量
				wedding_room: '', //婚房价格
				part_amount: '', //停车数量
				part: '', //停车价格
				champagne_amount: '', //香槟数量
				champagne: '', //香槟价格
				tea_amount: '', //茶歇数量
				tea: '', //茶歇价格
				cake_amount: '', //蛋糕数量
				cake: '' //蛋糕价格
			}, // 酒店消费项目
			car: [], // 婚车
			baby: {},
			meeting: {},
			wine: [
				{
					wine_text: '',
					wine_id: '',
					wine_amount: '', //数量
					wine_price: '', //金额
					wine_remark: '', //备注
					wineIndex: ''
				}
			], // 酒水
			sugar: [
				{
					sugar_text: '', //品牌
					sugar_id: '', //品牌
					sugar_amount: '', //数量
					sugar_price: '', //金额
					sugar_remark: '', //备注
					sugerIndex: ''
				}
			], // 喜糖
			dessert: [
				{
					dessert_id: '',
					dessert_text: '',
					dessert_amount: '', //数量
					dessert_price: '', //金额
					dessert_remark: '', //备注
					dessertIndex: ''
				}
			], // 糕点
			light: [
				{
					light_id: '',
					light_text: '',
					light_amount: '', //数量
					light_price: '', //金额
					light_remark: '', //备注
					lightIndex: ''
				}
			], // 灯光
			led: [
				{
					led_id: '',
					led_text: '',
					led_amount: '', //数量
					led_price: '', //金额
					led_remark: '', //备注
					ledIndex: ''
				}
			], // led
			d3: [
				{
					d3_id: '',
					d3_text: '',
					d3_amount: '', //数量
					d3_price: '', //金额
					d3_remark: '', //备注
					threeIndex: ''
				}
			], // 3d
			income: {
				receivable_no: '', //收据编号
				income_item_price: '', //收款金额
				income_date: '', //收款日期
				income_payment: '', //收款方式
				income_remark: '', //备注
				receipt_img: [], //收据图片
				note_img: [] //小票
			}, // 收款
			recommend_salesman: '', //引流
			point: '', //基点
			remark: '', //备注

			confirmList: [], // 老版审核流程
			confirmStep: [], // 新版审核流程

			buttons: [],
			confirm: {}, //审批信息
			transferForm: {
				realname: '',
				user_id: ''
			}
		};
	},

	beforeCreate() {
		this.dictionary = dictionary;
	},

	onLoad(options) {
		this.options = options;
		this.funs = funs;

		// 审核查看 lookApproval是个对象，包含的id是审核的编号，order_id要从审核详情中获取
		if (options.lookApproval) {
			this.options = JSON.parse(options.lookApproval);
			this.isEdit = true;
			//查看信息
			this.getDetail(this.options);
			this.confirm_id = this.options.id;
			// 审核流程--查看
			this.getConfirmList();
		}

		// 查看 从查看订单审核中进入只有id，这个id是审核的编号，order_id要从审核详情中获取
		if (options.id) {
			this.options = options;
			this.isEdit = true;
			//查看信息
			this.getDetail(this.options);
			this.confirm_id = this.options.id;
			// 审核流程--查看
			this.getConfirmList();
		}
	},

	mounted() {},

	onShow(e) {
		// #ifdef H5
		// this.order.hotel_text=this.hotelFrom;
		// this.order.hotel_id=this.hotelID;
		// #endif

		// #ifdef APP-PLUS
		uni.$on('globleEvent', rel => {
			this.order.hotel_text = rel.hotelFrom;
			this.order.hotel_id = rel.hotelID;
		});
		uni.$on('car', rel => {
			//主车型号
			this.car.master_car_text = rel.carFrom;
			this.car.master_car_id = rel.carID;
		});
		uni.$on('followCar', rel => {
			//跟车型号
			this.car.slave_car_text = rel.followFrom;
			this.car.slave_car_id = rel.followID;
		});

		// #endif
	},

	methods: {
		//跳转酒店
		jumpSearchHotel() {
			let origin = 'order';
			uni.navigateTo({
				url: '../../searchHotel/searchHotel?origin=' + origin
			});
		},

		// 提交转交
		transferSubmit() {
			let that = this;
			sun.request({
				url: '/api/order.audit/transfer',
				showLoading: true,
				token: true,
				data: {
					id: that.confirm_id,
					user_id: that.transferForm.user_id
				},
				success(res) {
					if (res.code == 200) {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
						uni.navigateBack({});
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					}
				}
			});
		},

		// 点击取消时清除转交人员信息
		clearTransferForm() {
			this.transferForm = {
				realname: '',
				user_id: ''
			};
		},

		// 获取审核流程
		getConfirmList() {
			let that = this;
			request.request({
				url: '/api/order.audit/getAuditResult',
				showLoading: true,
				token: true,
				data: {
					id: that.confirm_id
				},
				success(res) {
					that.confirmStep = res.data.process;
				}
			});
		},

		// 重新提交
		submitAgain() {
			let confirm_id = this.confirm_id;
			uni.navigateTo({
				url: '/pages/order/createOrder/createOrder?confirm_id=' + confirm_id
			});
		},

		// 获取查看信息
		getDetail(e) {
			let that = this;
			sun.request({
				url: '/h5/order.confirm/detail',
				showLoading: true,
				token: true,
				data: {
					id: e.id,
					type: e.user ? 'confirm_user' : ''
				},
				success(res) {
					if (res.code == 200) {
						let response = res.data;
						that.dataOrder = response.order ? response.order : {};

						let confirmContent = res.data.detail;
						// 同步订单相关信息
						that.order = confirmContent.order;
						that.addons = confirmContent.order.addons;
						that.hotelFrom = that.order.hotel_text;
						// 同步婚宴相关信息
						that.banquet = confirmContent.banquet ? confirmContent.banquet : {};
						that.banquetIncome = confirmContent.banquetIncome ? confirmContent.banquetIncome : {};
						that.hotelItem = confirmContent.hotelItem ? confirmContent.hotelItem : {};
						that.hotelProtocol = confirmContent.hotelProtocol ? confirmContent.hotelProtocol : {};

						// 同步婚庆相关信息
						that.wedding = confirmContent.wedding ? confirmContent.wedding : {};
						that.activities = confirmContent.activities ? confirmContent.activities : {};
						
						that.car = confirmContent.car ? confirmContent.car : [];
						that.d3 = confirmContent.d3 ? confirmContent.d3 : that.d3;
						that.dessert = confirmContent.dessert ? confirmContent.dessert : that.dessert;
						that.led = confirmContent.led ? confirmContent.led : that.led;
						that.light = confirmContent.light ? confirmContent.light : that.light;
						that.sugar = confirmContent.sugar ? confirmContent.sugar : that.sugar;
						that.wine = confirmContent.wine ? confirmContent.wine : that.wine;
						that.income = confirmContent.income ? confirmContent.income : that.income;

						// 宝宝宴信息
						that.baby = confirmContent.baby ? confirmContent.baby : {};
						// 会务信息
						that.meeting = confirmContent.meeting ? confirmContent.meeting : {};

						// 审核信息
						that.confirm = response.confirm;
						that.confirmList = response.confirmList; // 第一版审核流程
						that.buttons = response.buttons;
						//判断是否可以编辑
						that.buttons.map((item, index) => {
							if (item.id == 'update') {
								that.isEdit = false;
							}
						});
					}
				},
				fail(e) {
					uni.showToast({
						icon: 'none',
						title: '数据异常,请联系管理员'
					});
				}
			});
		},

		//创建订单时的审核流程
		getConfirmSequence(e) {
			let that = this;
			sun.request({
				url: '/h5/order.confirm/getConfirmSequence',
				showLoading: true,
				token: true,
				data: {
					company_id: e.id
				},
				success(res) {
					that.confirmList = res.data.confirmList;
				}
			});
		},

		// 提交审核
		saveFn(api, id, label) {
			let that = this;
			sun.request({
				url: api,
				showLoading: true,
				token: true,
				data: {
					order_confirm_id: that.options.id,
					id: id,
					order: that.order ? JSON.stringify(that.order) : '',
					banquet: that.banquet ? JSON.stringify(that.banquet) : '',
					wedding: that.wedding ? JSON.stringify(that.wedding) : '',
					hotelProtocol: that.hotelProtocol ? JSON.stringify(that.hotelProtocol) : '',
					hotelItem: that.hotelItem ? JSON.stringify(that.hotelItem) : '',
					car: that.car ? JSON.stringify(that.car) : '',
					wine: that.wine ? JSON.stringify(that.wine) : '',
					sugar: that.sugar ? JSON.stringify(that.sugar) : '',
					dessert: that.dessert ? JSON.stringify(that.dessert) : '',
					light: that.light ? JSON.stringify(that.light) : '',
					led: that.led ? JSON.stringify(that.led) : '',
					d3: that.d3 ? JSON.stringify(that.d3) : '',
					income: that.income ? JSON.stringify(that.income) : ''
					// image:that.imageArray,//合同图片
					// receipt_img:that.receipt_imgArray,//收据图片
					// note_img:that.note_imgArray,//小票
				},
				success(res) {
					if (res.code == 200) {
						uni.redirectTo({
							url: '/pages/order/index'
						});
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					}
				}
			});
		},

		// 编辑提交
		editFn(api, id) {
			let that = this;
			sun.request({
				url: api,
				showLoading: true,
				token: true,
				data: {
					order_confirm_id: that.options.id,
					id: id,
					addons: that.addons ? JSON.stringify(that.addons) : '',
					order: that.order ? JSON.stringify(that.order) : '',
					banquet: that.banquet ? JSON.stringify(that.banquet) : '',
					wedding: that.wedding ? JSON.stringify(that.wedding) : '',
					hotelProtocol: that.hotelProtocol ? JSON.stringify(that.hotelProtocol) : '',
					hotelItem: that.hotelItem ? JSON.stringify(that.hotelItem) : '',
					car: that.car ? JSON.stringify(that.car) : '',
					wine: that.wine ? JSON.stringify(that.wine) : '',
					sugar: that.sugar ? JSON.stringify(that.sugar) : '',
					dessert: that.dessert ? JSON.stringify(that.dessert) : '',
					light: that.light ? JSON.stringify(that.light) : '',
					led: that.led ? JSON.stringify(that.led) : '',
					d3: that.d3 ? JSON.stringify(that.d3) : '',
					income: that.income ? JSON.stringify(that.income) : ''
					// image:that.imageArray,//合同图片
					// receipt_img:that.receipt_imgArray,//收据图片
					// note_img:that.note_imgArray,//小票
				},
				success(res) {
					if (res.code == 200) {
						uni.redirectTo({
							url: '/pages/order/index'
						});
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					}
				}
			});
		},

		//底部按钮
		resubmits(item) {
			if (item.label == '同意' || item.label == '拒绝' || item.label == '评论') {
				this.commentFn(item);
			} else if (item.label == '转交') {
				uni.navigateTo({
					url: '../../../component/search/search?type=' + 'changeUser'
				});
			} else {
				this.editFn(item.api, item.id);
			}
		},

		// 编辑提交
		commentFn(e) {
			let that = this;
			let url = '';
			if (e.label == '拒绝' && that.confirmList.length == 0) {
				url = '/api/order.audit/reject';
			} else if (e.label == '同意' && that.confirmList.length == 0) {
				url = '/api/order.audit/accept';
			} else {
				url = e.api;
			}
			sun.request({
				url: url,
				showLoading: true,
				token: true,
				data: {
					id: that.confirm_id,
					content: e.content ? e.content : '',
					image: e.image ? e.image : ''
				},
				success(res) {
					if (res.code == 200) {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
						that.getDetail(that.options);
						that.getConfirmList();
					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					}
				}
			});
		},

		// 查看原单
		gotoOriginalorder() {
			uni.navigateTo({
				url: '/pages/orderInfo/goodsDetail/goodsDetail?id=' + this.dataOrder.pid
			});
		}
	}
};
</script>

<style lang="less">
@import url('../../order/createOrder/components/common.less');
@import url('../../order/components/common.less');

page {
	padding-top: 0;
}

.icon {
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translateY(-50%);
}

.active {
	color: #333333 !important;
}

.all {
	padding-bottom: 116upx;
}

.line {
	width: 100%;
	height: 32upx;
	background: #f6f6f6;
}

.addProject {
	width: 100%;
	height: 102upx;
	display: flex;
	justify-content: center;
	align-items: center;
}

.addProject text:first-child {
	width: 29upx;
	height: 29upx;
	display: block;
	font-size: 46upx;
	color: #406ceb;
	line-height: 38upx;
}

.addProject text:last-child {
	width: 120upx;
	height: 29upx;
	margin-left: 24upx;
	display: block;
	color: #406ceb;
	font-size: 30upx;
}

.photo {
	width: 100%;
	height: auto;
	padding: 32upx 44upx;
	box-sizing: border-box;

	.img_list {
		display: flex;
		justify-content: left;
		flex-wrap: wrap;
	}

	text {
		width: 100%;
		height: 29upx;
		display: block;
		font-size: 30upx;
		color: #333333;
		margin-bottom: 25upx;
	}

	.addPic {
		position: relative;
		overflow: hidden;
		width: 88upx;
		height: 88upx;
		border: 1px solid #cccccc;
		margin-left: 10upx;

		image {
			width: 88upx;
			height: 88upx;
			margin-right: 37upx;
		}
	}
}

.approval {
	width: 100%;
	height: auto;

	text {
		width: 100%;
		height: 28upx;
		display: block;
		font-size: 30upx;
		color: #999999;
		margin-bottom: 50upx;
		padding: 32upx 44upx 0 44upx;
		box-sizing: border-box;
	}
}

.approver {
	width: 100%;
	height: auto;

	.box {
		width: 100%;
		height: 158upx;
		border-bottom: 1upx solid #eeeeee;
		box-sizing: border-box;
		padding: 0 32upx;
		position: relative;

		.circle {
			width: 25upx;
			height: 25upx;
			background: #d3d3d3;
			border-radius: 50%;
			position: absolute;
			left: 30upx;
			top: 70upx;
		}

		.left {
			width: 350upx;
			min-height: 100upx;
			white-space: normal;
			font-size: 32upx;
			color: #333333;
			margin-left: 57upx;
			float: left;

			.view_text {
				width: auto;
				height: auto;
				display: block;
				font-size: 26upx;
				color: #999999;
				padding: 0;
				word-break: break-all;
				text-overflow: ellipsis;
				display: -webkit-box;
				/** 将对象作为伸缩盒子模型显示 **/
				-webkit-box-orient: vertical;
				/** 设置或检索伸缩盒对象的子元素的排列方式 **/
				-webkit-line-clamp: 2;
				/** 显示的行数 **/
				overflow: hidden;
				/** 隐藏超出的内容 **/
			}
		}

		.right {
			width: auto;
			height: 110upx;
			float: right;
			padding-top: 30upx;
			margin-right: 10upx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			.image {
				width: 71upx;
				height: 71upx;
				background: #d3d3d3;
				border-radius: 50%;
			}

			text {
				height: auto;
				display: block;
				font-size: 26upx;
				color: #999999;
				padding: 0;
				text-align: center;
			}
		}
	}
}

.frist_circle {
	width: 25upx;
	height: 25upx;
	background: #d3d3d3;
	border-radius: 50%;
	position: absolute;
	left: 30upx;
	top: 70upx;
}

.circle::after {
	content: '';
	width: 2upx;
	height: 135upx;
	display: block;
	background: #d3d3d3;
	position: absolute;
	left: 50%;
	bottom: 25upx;
}

.btn {
	width: 100%;
	height: 116upx;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;

	button {
		width: 686upx;
		height: 73upx;
		border-radius: 36px;
		background: #406ceb;
		color: #ffffff;
		font-size: 28upx;
	}
}

// 明细
.alldetail {
	width: 100%;
	height: auto;

	.hotelService {
		width: 100%;
		height: auto;

		.title {
			width: 100%;
			padding: 10upx 33upx;
			font-size: 24upx;
			background: #f6f6f6;
			line-height: 73upx;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;

			.name {
				width: auto;
			}

			.delete {
				width: auto;
				color: #406ceb;
			}
		}

		.content {
			width: 100%;
			height: auto;

			.box {
				width: 100%;
				padding: 20upx 32upx;
				box-sizing: border-box;
				border-bottom: 1upx solid #eeeeee;
				font-size: 30upx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				text {
					// width: auto;
					color: #333333;
				}

				input {
					width: auto;
					text-align: right;
					color: #333333;
				}

				.choose {
					width: auto;
					display: flex;
					align-items: center;

					text {
						width: auto;
						font-size: 26upx;
						color: #999999;
						margin-right: 20upx;
					}

					image {
						width: 40upx;
						height: 40upx;
					}
				}
			}

			.remark {
				width: 100%;
				padding: 32upx;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;

				text {
					width: 60upx;
					font-size: 30upx;
					color: #333333;
				}

				textarea {
					width: 560upx;
					display: block;
					font-size: 28upx;
					color: #999999;
				}
			}
		}

		.addDetail {
			width: 100%;
			height: 88upx;
			color: #406ceb;
			font-size: 30upx;
			line-height: 88upx;
			text-align: center;
			border-top: 1upx solid #eeeeee;
		}
	}
}

// 删除弹框样式
.deleteModel {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 10;

	.con {
		width: 615upx;
		height: 242upx;
		background: #ffffff;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);

		.title {
			width: 100%;
			height: 136upx;
			font-size: 30upx;
			color: #191919;
			line-height: 136upx;
			text-align: center;
			color: #191919;
			border-bottom: 1upx solid #eeeeee;
			box-sizing: border-box;
		}
	}
}

.deleteBtn {
	width: 100%;
	height: 105upx;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.deleteBtn .btns {
	width: 194upx;
	height: 54upx;

	border-radius: 27upx;
	font-size: 28upx;
	float: left;
	line-height: 54upx;
}

.deleteBtn .btn1 {
	border: 1upx solid #406ceb;
	background: #ffffff;
	color: #406ceb;
}

.deleteBtn .btn2 {
	background: #406ceb;
	color: #ffffff;
}

.btn_bottom {
	width: 100%;
	height: 80upx;
	padding: 30upx;
	box-sizing: border-box;
	position: fixed;
	bottom: 0upx;
	left: 0upx;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #ffffff;

	view {
		font-size: 28upx;
		padding: 5upx 10upx;
		background: #007aff;
		color: #ffffff;
	}
}

.left_box {
	position: fixed;
	right: 20upx;
	top: 40%;
	background-color: #007aff;
	padding: 20upx 10upx;
	color: #ffffff;
	font-size: 16upx;
	border-bottom-left-radius: 20upx;
	border-top-left-radius: 20upx;
	writing-mode: tb-rl;
	letter-spacing: 10upx;
	z-index: 10;
}
</style>
